<template>
	<echelon-solutions>
		<!-- 这里是顶部导航栏 -->
		<skyline-navigation title="详情"> </skyline-navigation>
		<!-- 这里是中间区域 -->
		<central-hub>
			<view class="list-select">
				<view class="flexGap">
					<button type="primary" v-for="(key,i) of tabs" @click="handleTab(key,i)">{{key.name}}</button>
				</view>
			</view>
		</central-hub>
	</echelon-solutions>
</template>
<script>
	export default {
		data() {
			return {
				tabs: [{
					url: '/pages/detail/merge',
					name: '（新装/续费）查看',
				}, {
					url: '/pages/detail/merge',
					name: '到期/续费',

				}, {
					url: '/pages/detail/merge',
					name: '全部用户',

				}],
				list_info: ''
			}
		},
		onLoad({
			data  = encodeURIComponent(JSON.stringify(this.$storage.get('login')))
		}) {  
			delete data.password;
			this.list_info = data;

		},
		methods: {
			handleTab(key, i) { 
				this.$record.navigateTo({
					url: key.url + '?data=' + this.list_info + '&title=' + key.name + '&is_type=' + i
				})
			}
		}
	}
</script>
<style scoped>
	.list-select {
		padding: 12rpx;
	}

	.flexGap {
		flex-wrap: wrap;
	}
</style>